<template>
  <div class="audition197">
    <p>事件代理：</p>
    <p>利用事件冒泡机制，把事件绑定到父元素或者更外层元素上</p>
    <p>解决问题：</p>
    <p>1. 绑定事件太多，浏览器占用内存变大，严重影响性能</p>
    <p>2. 部分浏览器移除元素时，绑定的事件没有被及时移除，导致内存泄漏，严重影响性能</p>
  </div>
</template>

<script>
export default {
  name: 'Audition197'
}
</script>

<style>

</style>